<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/m.css" />
		<link rel="stylesheet" href="css/thrift_shop.css" />
	</head>

	<body>
		<header>
			<div class="tophead">
				<div class="logo">
					<a href="#">世说新语</a>
				</div>
				<div id="mnav">
					<h2><span class="navicon"></span></h2>
					<ul>
							<li>
							<a href="#">网站首页</a>
						</li>
						<li>
							<a href="thrift_shop.html">二手商城</a>
						</li>
						<li>
							<a href="#">论坛</a>
						</li>
						<li>
							<a href="endless_study.html">学无止境</a>
						</li>
						<li>
							<a href="#">注册</a>
						</li>
						<li>
							<a href="#">登录</a>
						</li>
					</ul>
				</div>
				<nav class="topnav" id="topnav">
					<ul>
							<li>
							<a href="#">网站首页</a>
						</li>
						<li>
							<a href="thrift_shop.html">二手商城</a>
						</li>
						<li>
							<a href="#">论坛</a>
						</li>
						<li>
							<a href="endless_study.html">学无止境</a>
						</li>
						<li>
							<a href="#">注册</a>
						</li>
						<li>
							<a href="#">登录</a>
						</li>
					</ul>
				</nav>
			</div>
		</header>
		<section style="background: #FFFFFF;">
			<div class="shop_search">

				<div class="shop_search_div">
					<input type="text" placeholder="请输入您想要的商品名称" /><button>搜索</button>
				</div>
			</div>
		</section>
		<section id="product_details">
			<div class="box_left">
				<div class="details_left">
					<div class="details_left_top">
						<img class="product_main_img" src="img/avatar.jpg" />
					</div>
					<div class="details_left_down">
						<ul>
							<li><img src="img/b07.jpg" /></li>
							<li><img src="img/avatar.jpg" /></li>
							<li><img src="img/avatar.jpg" /></li>
							<li><img src="img/avatar.jpg" /></li>
							<li><img src="img/avatar.jpg" /></li>
						</ul>
					</div>
				</div>
				<h3 class="product_advice">同类商品推荐</h3>
				<div class="similar_product">
					<div class="product">
						<h3>高等数学</h3>
						<img src="img/b04.jpg" />
						<p>￥<span>10</span></p>
						<P class="product_more">
							<a href="#">更多</a>
						</P>
					</div>
					<div class="product">
						<h3>高等数学</h3>
						<img src="img/b04.jpg" />
						<p>￥<span>10</span></p>
						<P class="product_more">
							<a href="#">更多</a>
						</P>
					</div>
					<div class="product">
						<h3>高等数学</h3>
						<img src="img/b04.jpg" />
						<p>￥<span>10</span></p>
						<P class="product_more">
							<a href="#">更多</a>
						</P>
					</div>
					<div class="product">
						<h3>高等数学</h3>
						<img src="img/b04.jpg" />
						<p>￥<span>10</span></p>
						<P class="product_more">
							<a href="#">更多</a>
						</P>
					</div>
				</div>
			</div>
			<div class="box_right">
				<div class="details_right">
					<h3 class="product_name">高等数学</h3>
					<div class="product_intro">
						商家介绍：
						<p>指相对于初等数学而言，数学的对象及方法较为繁杂的一部分。 广义地说，初等数学之外的数学都是高等数学，也有将中学较深入的代数、几何以及简单的集合论初步、逻辑初步称为中等数学的，将其作为中小学阶段的初等数学与大学阶段的高等数学的过渡。 通常认为，高等数学是由微积分学，较深入的代数学、几何学以及它们之间的交叉内容所形成的一门基础学科。 主要内容包括：极限、微积分、空间解析几何与线性代数、级数、常微分方程。
						</p>
					</div>
					<p style="padding: 4px 20px;height: 19px;"><span style="float: left;">发货地：<b class="place_of_origin">南区A栋</b> </span>
						<span style="float: right;">是否送货上门：<b class="">否</b> </span>
					</p>
					<div class="seller_info">
						<h4>商家联系方式:</h4>
						<p>QQ:&nbsp;&nbsp;<span class="QQ_num">619605516</span></p>
						<p>WeChat:&nbsp;&nbsp;<span class="WeChat_num">zyq252077</span></p>
						<p>商家昵称：&nbsp;&nbsp;<span class="seller_name">行船全靠浪</span></p>
						<img class="seller_img" src="img/avatar.jpg" />
					</div>
				</div>
			</div>
		</section>
		<script type="text/javascript" src="js/base.js"></script>
	</body>

</html>